<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>苏宁网移动端首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		
		<!-- 1.技术选型
		方案：我们采取单独制作移动端方案
		技术：布局采取rem适配方案（less+rem+媒体查询）
		设计图：本设计采用750px设计尺寸 -->
		
		<!-- 顶部搜索框 -->
		<div class="search-content">
			<a href="#" class="classify"></a>
			<div class="search">
				<form action="" method="">
					<input type="search" name="" required="" placeholder="厨卫保暖季 哒哒哒" x-webkit-speech="" x-webkit-grammar="builtin:search" lang="zh-CN">
				</form>
			</div>
			<a href="#" class="login">登录</a>
		</div>
		
		<!-- banner部分 -->
		<div class="banner">
			<img src="img/27f686452f9af61a78d8a79d28d7602f80c36dc79226c-bq1jGe_fw658.webp.jpg" >
		</div>
		
		<!-- 广告部分 -->
		<div class="ad">
			<a href="#"><img src="img/171593873592087304.gif" ></a>
		</div>
		
		<!-- nav模块 -->
		<nav>
			<a href="#">
				<img src="img/171430689704815582.png" >
				<span>苏宁家电</span>
			</a>
			<a href="#">
				<img src="img/171430691136288914.png" >
				<span>苏宁超市</span>
			</a>
			<a href="#">
				<img src="img/171430684983077134.png" >
				<span>手机电脑</span>
			</a>
			<a href="#">
				<img src="img/165711026680588659.png" >
				<span>家具家装</span>
			</a>
			<a href="#">
				<img src="img/165717927411065855.png" >
				<span>生活家电</span>
			</a>
			<a href="#">
				<img src="img/171430696280231139.png" >
				<span>Super会员</span>
			</a>
			<a href="#">
				<img src="img/171430682327333627.png" >
				<span>苏宁好酒</span>
			</a>
			<a href="#">
				<img src="img/171430688095381644.png" >
				<span>签到有礼</span>
			</a>
			<a href="#">
				<img src="img/171430692958853607.png" >
				<span>领券中心</span>
			</a>
			<a href="#">
				<img src="img/171430678925548497.png" >
				<span>以旧换新</span>
			</a>
		</nav>
	</body>
</html>
